Adwaita: fix GtkPlacesSidebar styling.
authorLapo Calamandrei <calamandrei@gmail.com>
Tue, 1 Sep 2015 16:14:45 +0000 (18:14 +0200)
committerLapo Calamandrei <calamandrei@gmail.com>
Tue, 1 Sep 2015 16:14:45 +0000 (18:14 +0200)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index ea6e548d350b1ccc6e1af5a4aa5e98c163c70dbe..3953c0c8f6eb78e1289b96fb69710a43b91de46d 100644 (file)
@@ -2574,7 +2574,8 @@ GtkScrolledWindow {
 .list-row.activatable {
   // let's take care of background colors
   &:hover {
-    background-color: mix($fg_color, $base_color, 5%);
+    //background-color: mix($fg_color, $base_color, 5%);
+    background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95));
   }
   &:active {
     box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
@@ -2898,19 +2899,17 @@ GtkSidebarRow {
 }
 
 GtkPlacesSidebar.sidebar {
+  // in the sidebar case it makes no sense to click the selected row
+  .list-row:selected:active { box-shadow: none; }
+
   .sidebar-placeholder-row {
     border: solid 1px $selected_bg_color;
   }
+
   .sidebar-new-bookmark-row {
-    background-color: darken($sidebar_bg_color, 10%);
-  }
-  // Preserve everything else of the list-row class
-  @at-root .list-row.button {
-    // Popover menuitem color
-    &:hover {
-      background-color: mix($fg_color, $bg_color, 10%);
-    }
+    color: $selected_bg_color;
   }
+
   @at-root .sidebar-button.button { // @at-root needded to not change the specificity making button styling inheritance broken
                                     // so istead of "GtkPlacesSidebar.sidebar .sidebar-button.button" [specificity 0,0,3,1]
                                     // the extended selector ".sidebar-button.button" [specificity 0,0,2,0]
@@ -2920,16 +2919,10 @@ GtkPlacesSidebar.sidebar {
     @extend .button.flat;
     border-radius: 100%;
     outline-radius: 100%;
-/*    &:hover:not(:active):not(:backdrop) {
-      background-image: none;
-      background-color: gtkalpha(currentColor, 0.1);
-      border-color: transparentize($borders_color, 1);
-      box-shadow: inset 0 0 transparentize(white, 1);
-      icon-shadow: none;
-    } */
     &:not(:hover):not(:active) > GtkImage,
     &:backdrop > GtkImage { opacity: $_placesidebar_icons_opacity };
   }
+
 }
 
 .sidebar-item {
index ec804a406cd0ac6ee654ed70bfd9f076fdcae95f..4a4b7117f382834a71bdd71819a621b3a1b7b1d0 100644 (file)
@@ -3463,7 +3463,7 @@ GtkScrolledWindow GtkViewport.frame {
   padding: 2px; }
 
 .list-row.activatable:hover {
-  background-color: #333333; }
+  background-color: rgba(238, 238, 236, 0.05); }
 .list-row.activatable:active {
   box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
 .list-row.activatable:backdrop:hover {
@@ -3932,23 +3932,16 @@ GtkSidebarRow .sidebar-label:dir(ltr) {
 GtkSidebarRow .sidebar-label:dir(rtl) {
   padding-left: 2px; }
 
+GtkPlacesSidebar.sidebar .list-row:selected:active {
+  box-shadow: none; }
 GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
   border: solid 1px #215d9c; }
 GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
-  background-color: #262a2a; }
-.list-row.button:hover {
-  background-color: #4b5150; }
+  color: #215d9c; }
 .sidebar-button.button, .header-bar .sidebar-button.button.titlebutton,
 .titlebar .sidebar-button.button.titlebutton {
   border-radius: 100%;
-  outline-radius: 100%;
-  /*    &:hover:not(:active):not(:backdrop) {
-        background-image: none;
-        background-color: gtkalpha(currentColor, 0.1);
-        border-color: transparentize($borders_color, 1);
-        box-shadow: inset 0 0 transparentize(white, 1);
-        icon-shadow: none;
-      } */ }
+  outline-radius: 100%; }
   .sidebar-button.button.image-button, GtkScaleButton.sidebar-button.button,
   GtkVolumeButton.sidebar-button.button, .header-bar .sidebar-button.titlebutton.button,
   .titlebar .sidebar-button.titlebutton.button {
index 08bdc2fe36a59e15841cc70116efabd8d48c3505..8824f97f95fb8147c9a5725260c0c7120b12edae 100644 (file)
@@ -3625,7 +3625,7 @@ GtkScrolledWindow GtkViewport.frame {
   padding: 2px; }
 
 .list-row.activatable:hover {
-  background-color: whitesmoke; }
+  background-color: rgba(46, 52, 54, 0.05); }
 .list-row.activatable:active {
   box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
 .list-row.activatable:backdrop:hover {
@@ -4104,23 +4104,16 @@ GtkSidebarRow .sidebar-label:dir(ltr) {
 GtkSidebarRow .sidebar-label:dir(rtl) {
   padding-left: 2px; }
 
+GtkPlacesSidebar.sidebar .list-row:selected:active {
+  box-shadow: none; }
 GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
   border: solid 1px #4a90d9; }
 GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
-  background-color: #d9d9d9; }
-.list-row.button:hover {
-  background-color: #dadbdb; }
+  color: #4a90d9; }
 .sidebar-button.button, .header-bar .sidebar-button.button.titlebutton,
 .titlebar .sidebar-button.button.titlebutton {
   border-radius: 100%;
-  outline-radius: 100%;
-  /*    &:hover:not(:active):not(:backdrop) {
-        background-image: none;
-        background-color: gtkalpha(currentColor, 0.1);
-        border-color: transparentize($borders_color, 1);
-        box-shadow: inset 0 0 transparentize(white, 1);
-        icon-shadow: none;
-      } */ }
+  outline-radius: 100%; }
   .sidebar-button.button.image-button, GtkScaleButton.sidebar-button.button,
   GtkVolumeButton.sidebar-button.button, .header-bar .sidebar-button.titlebutton.button,
   .titlebar .sidebar-button.titlebutton.button {